<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="css/eui.css">
</head>
<body>
<div id="app">
  <el-row>
    <el-col :span="8" v-for="(o, index) in 4" :key="o" >
      <el-card :body-style="{ padding: '0px' }">
        <img src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png" class="image">
        <div style="padding: 14px;">
          <span>好吃的汉堡</span>
          <div class="bottom clearfix">
            <time class="time">{{ new Date() }}</time>
            <el-button type="text" class="button">操作按钮</el-button>
          </div>
        </div>
      </el-card>
    </el-col>
  </el-row>
</div>
</body>
<!-- import Vue before Element  引入vue框架文件 vue要在前面-->
<script src="js/vue.js"></script>
<!-- import JavaScript element-ui框架文件 -->
<script src="js/eui.js"></script>
<script>
  let v = new Vue({
    el: '#app',
    data: function() {
      return {

      }
    }
  })
</script>
</html>